<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/weixi/Public/css/bootstrap.min.css">
    <link rel="stylesheet" href="/weixi/Public/css/nivo-slider.css" type="text/css">
    <link rel="stylesheet" href="/weixi/Public/css/themes/bar/bar.css" type="text/css">
    <link rel="stylesheet" href="/weixi/Public/css/themes/dark/dark.css" type="text/css">
    <link rel="stylesheet" href="/weixi/Public/css/themes/default/default.css" type="text/css">
    <link rel="stylesheet" href="/weixi/Public/css/themes/light/light.css" type="text/css">
    <title>用户中心</title>
    <style>
        *{
            box-sizing: border-box;     /*从IE8开始兼容*/
            text-size-adjust:none;
        }
        img{
            max-width: 100%;
        }
        ul,li{
            list-style: none;margin: 0;padding:0;
        }
        html,body, .container{
            height:100%;margin:0;padding:0;
        }
        .container{
            max-width: 640px;min-width: 320px;margin: auto;
        }
        header{
        height:7%; background: #3f3f3f;width: 100%;color: white;font-size: 20px;
        }
        header>div{
       height: 100%; background: #c53b13;display:flex;text-align: center;
        }
        section{
            height:84%;width: 100%;overflow: scroll;
        }
        p{
            color: white;
        }
        .section-header-li{
            float: left;width: 33%;
        }
        .section-header-li img{
           margin-left: 40%;
        }
        .section-header-li a:link{
            color: #ffffff;text-decoration:none;font-size:14px;
        }
        .section-header-li a:visited {
            color: #ffffff;text-decoration:none;font-size:14px;
        }
        .section-header-li a:hover {
            color: #3f7dc4;font-size:14px;
        }
        .section-content{
            min-height: 500px
        }
        .section-content a:link{
            color: #000000;text-decoration:none;font-size:14px;
        }
        .section-content a:visited {
            color: #000000;text-decoration:none;font-size:14px;
        }
        .section-content a:hover {
            color: #3f7dc4;font-size:14px;
        }


        .nivoSlider img{
            width: 100%;
        }
        .clear{
            clear:both;
        }
        footer{
            height:9%; width: 100%;border-top:1px #b2b2b2 solid ;display:flex;color: grey;
        }
        footer>div{
            width: 25%;height: 100%;
        }
        footer img{
            margin-top: 5%;margin-left:40% ;
        }
        .footer-member a:link{
            color: grey;text-decoration:none;font-size:13px;
        }
        .footer-member a:visited {
        color:grey;text-decoration:none;font-size:13px;
        }
        .footer-member  a:hover {
            color: #2536ff;font-size:13px;
        }
    </style>
    <script src="/weixi/Public/js/jquery-1.11.1.min.js"></script>
    <script src="/weixi/Public/js/bootstrap.min.js"></script>
    <script src="/weixi/Public/js/jquery.nivo.slider.js" type="text/javascript" charset="UTF-8" ></script>
    <script type="text/javascript">
        $(function () {
            $(".nivoSlider").nivoSlider();
        })
    </script>
</head>
<body>
<div class="container">
    <php>$id=session('id');</php>
    <php>if(empty($id)){</php>
    <php>header("location:http://rty.tunnel.qydev.com/weixi/index.php/Home/register/login")</php>
    <php> }</php>
    <header>
        <div><sapn style="display: inline-block;margin: auto">用户中心</sapn></div>
    </header>
    <section>
        <div class="section-header">
            <div style="width: 100%;height: 180px;background: #c19b95">
                <div style="width: 90%;height: 80px;margin: auto;padding-top: 5px">
                    <p>会 员 ID :{$name[0]['idi']}</p><p>会员昵称：{$name[0]['name']}</p><p>会员等级：{$name[0]['grade']}</p>
                </div>
                <hr style="border-bottom: 1px grey solid;"/>
                <div style="width:100%;margin: auto;height: 70px;">
                    <div style="width: 100%;">
                        <div class="section-header-li" ><a href=""><div><img src="/weixi/Public/img/icon1.png" style="width: 25px;margin-bottom: 5px;"></div><span style="display: inline-block;width: 100%;text-align: center">30天订单</span></a></div>
                        <a href="{:U('Mains/asde')}"><div class="section-header-li"><div><img src="/weixi/Public/img/icon3.png" style="width: 25px;margin-bottom: 5px;"></div><span style="display: inline-block;width: 100%;text-align: center">余额{$name[0]['money']}</span></div></a>
                        <div class="section-header-li"><a href=""><div><img src="/weixi/Public/img/icon4.png" style="width: 25px;margin-bottom: 5px;"></div><span style="display: inline-block;width: 100%;text-align: center">红包</span></a></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="section-content" >
            <a href="{:U('Main/infor')}"><div style="width: 100%;height: 50px;border-top:1px #e2e2e2 solid;display: flex;border-bottom:1px #e2e2e2 solid;margin-top: 20px  ">
                <div style="width: 15%;padding-left: 10px"><img src="/weixi/Public/img/icon33.png" style="margin: 16%;width: 30px "></div>
                <div style="width: 70%;"><span style="display: inline-block;width: 100%;line-height: 50px;margin-left: 5px;font-size: 16px;">用户信息</span></div>
                <div style="width: 15%;"><img src="/weixi/Public/img/right.png" style="width: 10px;margin: 30%"></div>
        </div></a>
            <a href="{:U('main/orefs')}"><div style="width: 100%;height: 50px;display: flex;border-bottom:1px #e2e2e2 solid;">
                <div style="width: 15%;padding-left: 10px"><img src="/weixi/Public/img/icon44.png" style="margin: 16%;width: 30px "></div>
                <div style="width: 70%;"><span style="display: inline-block;width: 100%;line-height: 50px;margin-left: 5px;font-size: 16px;">我的订单</span></div>
                <div style="width: 15%;"><img src="/weixi/Public/img/right.png" style="width: 10px;margin: 30%"></div>
            </div></a>

            <a href="{:U('Main/order')}"><div style="width: 100%;height: 50px;display: flex;border-bottom:1px #e2e2e2 solid; ">
                <div style="width: 15%;padding-left: 10px"><img src="/weixi/Public/img/icon55.png" style="margin: 16%;width: 30px "></div>
                <div style="width: 70%;"><span style="display: inline-block;width: 100%;line-height: 50px;margin-left: 5px;font-size: 16px;">收货地址</span></div>
                <div style="width: 15%;"><img src="/weixi/Public/img/right.png" style="width: 10px;margin: 30%"></div>
            </div></a>

            <a href="{:U('Mains/trert')}"><div style="width: 100%;height: 50px;display: flex;border-bottom:1px #e2e2e2 solid; ">
                <div style="width: 15%;padding-left: 10px"><img src="/weixi/Public/img/icon55.png" style="margin: 16%;width: 30px "></div>
                <div style="width: 70%;"><span style="display: inline-block;width: 100%;line-height: 50px;margin-left: 5px;font-size: 16px;">金额提现</span></div>
                <div style="width: 15%;"><img src="/weixi/Public/img/right.png" style="width: 10px;margin: 30%"></div>
            </div></a>

            <a href="{:U('emtpy/index')}"><div style="width: 100%;height: 50px;display: flex;border-bottom:1px #e2e2e2 solid; ">
                <div style="width: 15%;padding-left: 10px"><img src="/weixi/Public/img/icon88.png" style="margin: 16%;width: 30px "></div>
                <div style="width: 70%;"><span style="display: inline-block;width: 100%;line-height: 50px;margin-left: 5px;font-size: 16px;">退出登录</span></div>
                <div style="width: 15%;"><img src="/weixi/Public/img/right.png" style="width: 10px;margin: 30%"></div>
            </div></a>
        </div>
    </section>
    <footer>
        <div class="footer-member"><a href="{:U('mains/index')}"><img src="/weixi/Public/img/img2-1.png"><div style="text-align: center;font-size: 14px;margin-top: 5%">首页</div></a></div>
        <div class="footer-member"><a href="{:U('Classify/index')}"><img src="/weixi/Public/img/img2-2.png"><div style="text-align: center;font-size: 14px;margin-top: 5%">分类</div></a></div>
        <div class="footer-member"><a href="{:U('Shopping/index')}"><span class="glyphicon glyphicon-shopping-cart" style="color: #a2a2a2;font-size: 24px;display: block;margin-top: 5%;margin-left:35% ;" ></span>
            <div style="text-align: center;font-size: 14px;margin-top: 5%">购物车</div></a>
        </div>
        <div class="footer-member"><a href="{:U('Main/member')}" ><img src="/weixi/Public/img/img2-4.png" ><div style="text-align: center;font-size: 14px;margin-top: 5%">会员中心</div></a></div>
    </footer>
</div>
</body>
</html>